{% extends "index.html" %}
{% block sidebar %}
		<h3>StoryForge</h3>
		<hr>
		<h2>Table of Contents <a href="javascript:collapse()">[-]</a></h2>
		<div id="treeDiv1"></div>
{% endblock %}

{% block main %}
<div>
<div id="loadTop"><img src="/stylesheets/loadBig3.gif"></div>
<table class="mainContentHeader"><tr>
	<th colspan="2" style="text-align:right;">"{{ adventure.title|escape }}"</th>
	</tr><tr>
	<th style="text-align:left;">Page: <span id="currentPage"></span></th>
	<th style="text-align:right;">{{ adventure.author|escape }}</th>
</tr></table>
<table class="mainContentHeader"><tr>
	<td class="iconBG-disabled" id="addPageElementText"><div id="icon-addText" class="icon-addTextD"></div>Add Text</td>
	<td class="iconBG-disabled" id="addPageElementImage"><div id="icon-addImage" class="icon-addImageD"></div>Add Image</td>
	<td class="iconBG-disabled" id="addPageElementChoice"><div id="icon-addChoice" class="icon-addChoiceD"></div>Add Choice</td>
	<td class="iconBG-disabled" id="addPage"><div id="icon-addPage" class="icon-addPageD"></div>New Page</td>
	<td class="iconBG-disabled" id="editPage"><div id="icon-editPage" class="icon-editPageD"></div>Rename Page</td>
	<td class="iconBG-disabled" id="deletePage"><div id="icon-deletePage" class="icon-deletePageD"></div>Delete Page</td>
	<td class="iconBG-disabled" id="playStory"><div id="icon-play" class="icon-playD"></div>Play Story</td>
</tr></table>
</div>
<div>
	<div id="workAreaHolder">
		<div id="workAreaHelper"></div>
		<div id="workArea"></div>
	</div>
</div>
{% endblock %}

{% block footer %}
<!-- Combo-handled YUI JS files: -->
<script type="text/javascript" src="http://yui.yahooapis.com/combo?2.6.0/build/utilities/utilities.js&2.6.0/build/container/container-min.js&2.6.0/build/resize/resize-min.js&2.6.0/build/imagecropper/imagecropper-beta-min.js&2.6.0/build/json/json-min.js&2.6.0/build/treeview/treeview-min.js"></script>

<script type="text/javascript">
var MY_ADVENTURE_KEY = '';
{% if adventure.key %} MY_ADVENTURE_KEY = "{{ adventure.key }}"; {% endif %}
var MY_ERROR = '';
{% if error %} MY_ERROR = "{{ error|escape }}"; {% endif %}
</script>
<script src="stylesheets/storyEditor.js"></script>
{% endblock %}

{% block index %}
{% endblock %}
